@include('components.head')
<style>
    .bottom {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 50px;
        line-height: 50px;
        background-color: #F8F8F8;
        border-top: 1px solid #eee;
    }


    .button-container {
        position: absolute;
        right: 15px;
    }

    .mainBox::-webkit-scrollbar-track {
        background: white;
        border-radius: 2px;
    }

    .mainBox::-webkit-scrollbar-thumb {
        background: #E6E6E6;
        border-radius: 2px;
    }

    .mainBox::-webkit-scrollbar-thumb:hover {
        background: #E6E6E6;
    }

    .mainBox::-webkit-scrollbar-corner {
        background: #f6f6f6;
    }

    .mainBox {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 50px;
        overflow: auto;
    }

    .main-container {
        margin: 15px;
    }

    .main-container .layui-form-item {
        margin-bottom: 15px !important;
        margin-top: 10px !important;
    }

    .upimage-preview {
        width: 92px;
        height: 92px;
    }
</style>

<style>
    img {
        cursor: pointer;
    }
    .uploader-list {
        margin-left: -0px;
    }

    .uploader-list .info {
        position: relative;
        margin-top: -25px;
        background-color: black;
        color: white;
        filter: alpha(Opacity=80);
        -moz-opacity: 0.5;
        opacity: 0.5;
        width: 92px;
        height: 25px;
        text-align: center;
        display: none;
    }

    .uploader-list .handle {
        position: relative;
        background-color: black;
        color: white;
        filter: alpha(Opacity=80);
        -moz-opacity: 0.5;
        opacity: 0.5;
        width: 92px;
        text-align: right;
        height: 18px;
        margin-bottom: -18px;
        display: none;
    }

    .uploader-list .handle i {
        margin-right: 5px;
    }

    .uploader-list .handle i:hover {
        cursor: pointer;
    }

    .uploader-list .file-iteme {
        margin: 0 1px 1px 1px;
        padding: 1px;
        float: left;
    }
</style>
<body>
<form class="layui-form" lay-filter="*">
    <div class="mainBox">
        <div class="main-container">
            <div class="main-container">
                @foreach($save_forms as $form)
                    @if(in_array($form['type'], ['image', 'photo', 'video', 'vod', 'file', 'hidden']))
                        @include('components.form.'.$form['type'], $form)
                    @else
                    <div class="layui-form-item">
                        <label for="{{ $form['field'] }}" class="layui-form-label">{{ $form['title'] }}</label>
                        <div class="layui-input-inline"
                             style="{{ isset($form['width']) ? "width: {$form['width']};" : '' }}">
                            @include('components.form.'.$form['type'], $form)
                        </div>
                        <div class="layui-form-mid layui-word-aux">{{ $form['desc'] ?? "" }}</div>
                    </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
    <input type="hidden" id="id" name="id">
    <div class="bottom">
        <div class="button-container">
            {!! create_btn_by_code($permission_code) !!}
        </div>
    </div>
</form>
</body>
<!-- 依 赖 脚 本 -->
<script src="/pearAdmin/component/layui/layui.js"></script>
<script src="/pearAdmin/component/pear/pear.js"></script>
@include('components.ueditor')
@include('components.script')
